@import './modules/reset.scss';
@import './modules/header.scss';
@import './modules/footer.scss';

main{
    background: url(/images/login/login_bg.png) no-repeat center center;
    overflow: hidden;
    margin-bottom:40px;
}
.banner{
    height: 812px;
    width: 1200px;
    margin: 0 auto;
    text-align: right;
}
.login-box-outer{
    display:inline-block;
    margin-top: 160px;
    width: 544px;
    height: 517px;
    padding: 9px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px #e5e5e5;
}
.login-box{
    width: 544px;
    height: 500px;
    background-color: #fff;
    border-radius: 10px;
    .box-bar{
        width: 325px;
        height: 55px;
        margin: 30px 125px 0;
        border-bottom: 1px solid #e2e2e2;;
        a{
            &:nth-child(1){
                span{
                    display: block;
                    float: left;
                    height:56px ;
                    line-height: 55px;
                    color: #333;
                    margin-left: 60px;
                    margin-right: 20px;
                }
            }
            &:nth-child(2){
                span{
                        display: block;
                        float: left;
                        width:100px ;
                        height:56px ;
                        margin-right: 20px;
                        margin-left: 60px;
                        font-size: 24px;
                        text-align: center;
                        line-height: 55px;
                        color: #63c170 ;
                        font-weight: bold;
                        border-bottom: 3px solid #63c170;
                }
            }
        }
    }
}
.login-type{
    width: 130px;
    font-size: 14px;
    color: #63c170;
    margin: 15px 320px 0;
    cursor: pointer;
}
.login-name{
    width: 296px;
    height: 30px;
    margin: 0 auto;
    input{
        width: 296px;
        height: 30px;
        padding-right: 30px;
        padding-top: 10px;
        outline: none;
        font-size: 16px;
        // color: #999;
        border: 0;
        border-bottom: 1px solid #333;
        vertical-align: middle;
    }
}
.login-pwd{
    width: 296px;
    height: 30px;
    margin: 40px auto;
    position: relative;
    input{
        width: 296px;
        height: 30px;
        padding-right: 30px;
        padding-top: 10px;
        outline: none;
        font-size: 16px;
        // color: #999;
        border: 0;
        border-bottom: 1px solid #333;
        vertical-align: middle;
    }
    button{
        position: absolute;
        right: -30px;
        top:10px;
        color:#222 ;
        height:25px;
        width: 90px;
        background: #ddd;
        outline: none;
        border: none;
        cursor: pointer;
    }
}
.login-btn{
    width: 320px;
    height: 50px;
    margin:60px 127px 0;
    background-color: #63c170;
    border: 1px solid #63c170;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}
.forget{
    font-size: 14px;
    color: #63c170;
    margin-top: 5px;
    width: 60px;
    margin-left: 150px;
    text-align: left;
    cursor: pointer;
}
.other-login{
    width: 310px;
    height: 80px;
    margin: 20px 133px 0;
    text-align: center;
    color: #aaa;
    img{
        margin:15px 10px 0;
        cursor: pointer;
    }
}